/**
 * ***************************************************************************
 * Copyright (c) 2010 Qcadoo Limited
 * Project: Qcadoo Framework
 * Version: 1.4
 *
 * This file is part of Qcadoo.
 *
 * Qcadoo is free software; you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published
 * by the Free Software Foundation; either version 3 of the License,
 * or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty
 * of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 * See the GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
 * ***************************************************************************
 */
html, body {
    margin: 0;
    padding: 0;

    height: 100%;

    background-color: #F2F2F2 !important;
}

.dashboardColorBackground {
    height: 100%;

    background-color: #F2F2F2;
}

.container {
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;

    padding-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
}

#dashboardChart {
    float: right;

    margin-top: 0;
    margin-bottom: 20px;

	width: 50%;
}

#dashboardButtons {
    float: left;

    margin-top: 20px;
    margin-bottom: 20px;

	width: 50%;
}

#dashboardButtons .card-columns {
    padding-right: 10px;
    padding-left: 0px;

    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

#dashboardButtons .card {
    cursor: pointer;
}

#dashboardButtons .card-body {
    padding-top: 25px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 25px;
    height: 73px;
}

#dashboardButtons .card img {
    margin-top: -10px;
    width: 48px;
    height: 48px;
}

#dashboardButtons .card span {
    padding-top: 5px;
}

#dashboardButtons .card h5 {
    font-size: 20px;
    padding-left: 5px;
}

#dashboardButtons .bg-secondary, #dashboardKanban .bg-secondary {
    background-color: #2F3640 !important;
}

#dashboardButtons .bg-secondary:hover, #dashboardKanban .bg-secondary:hover {
    background-color: #3d4754e3;
}

#dashboardButtons .bg-success, #dashboardKanban .btn-success, #dashboardKanban .badge-success {
    background: #639aa6;
    border-color: #639aa6;
    border-color: #F2F2F2;
}

#dashboardButtons .bg-success:hover, #dashboardKanban .btn-success:hover, #dashboardKanban .badge-success:hover {
    background: #639aa6;
    background-color: #27606d;
    border-color: #27606d;
}

.card-hover {
    background-color: #425261 !important;
    border-color: #425261 !important;
}

#dashboardButtons .card-title {
    font-weight: bold;
}

@media (max-width: 1400px) {
    #dashboardButtons .card h5 {
        padding-top: 6px;
        font-size: 14px;
    }
}

@media (min-width: 1400px) and (max-width: 1600px) {
    #dashboardButtons .card h5 {
        padding-top: 4px;
        font-size: 16px;
    }
}

#dashboardSearch {
    float: left;

    margin-top: 0;
    margin-bottom: 20px;

    width: 20%;
}

#dashboardKanban {
    float: left;

    margin-top: 0;
    margin-bottom: 0;

    width: 100%;
}

#dashboardKanban .btn-success {
    border-color: #F2F2F2;
}

#dashboardKanban .card {

}

#dashboardKanban .card-body {
    font-size: 14px;
}

#dashboardKanban .card img {
    padding-right: 15px;
}

#dashboardKanban .card span {

}

#dashboardKanban .card h5 {
    font-weight: bold;
}

#dashboardKanban .card-title {
    width: 50%;
    height: 35px;

    font-size: 16px;
    font-weight: bold;
}

#dashboardKanban .badge {
    margin-top: 0px;
}

#dashboardKanban .draggable {
    margin-bottom: 5px;
    cursor: grab;
}

#dashboardKanban .items {
    height: 300px;
    overflow: auto;
}

#dashboardKanban .droppable {
    border: 1px dashed var(--secondary);
    min-height: 120px;
    margin-bottom: 1rem;
}

#dashboardKanban .dropzone {
    height: 10px;
}

#loader .modal-dialog {
    width: 80px;
    margin: 15px auto;
}

#loader .modal-body {
    text-align: center;
}
